<%--
  Created by IntelliJ IDEA.
  User: 代浩楠
  Time: 15:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <link href="css/login2.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
  <h1>时光书屋<sup>2020</sup></h1>

  <div class="login" style="margin-top:50px;">

    <div class="header">
      <div class="switch" id="switch"><a class="switch_btn_focus" id="switch_qlogin" href="javascript:void(0);" tabindex="7">快速登录</a>
        <a class="switch_btn" id="switch_login" href="javascript:void(0);" tabindex="8">快速注册</a><div class="switch_bottom" id="switch_bottom" style="position: absolute; width: 64px; left: 0px;"></div>
      </div>
    </div>


    <div class="web_qr_login" id="web_qr_login" style="display: block; height: 360px;">

      <!--登录-->
      <div class="web_login" id="web_login">


        <div class="login-box">


          <div class="login_form">
            <form action="loginServlet?m=userLogin" name="loginform"  id="login_form" class="loginForm" method="post">
              <div id="userCue1" class="cue" style="color: red;text-align: center">${msg}<%=request.getParameter("msg")==null?"":request.getParameter("msg")%></div>
              <div class="uinArea" id="uinArea">
                <label class="input-tips" >帐号：</label>
                <div class="inputOuter" id="name">

                  <input type="text"  name="username" class="inputstyle"/>
                </div>
              </div>
              <div class="pwdArea" id="pwdArea">
                <label class="input-tips" >密码：</label>
                <div class="inputOuter" id="pArea">
                  <input type="password"  name="password" class="inputstyle"/>
                </div>
              </div>
              <div class="codeArea" id="codeArea">
                <label class="code-tips" >验证码：</label>
                <div class="inputOuter" id="cArea">
                  <input type="text"  name="code" class="inputstyle" style="width: 100px"/>
                  <img  src="CheckCode" id="code" onclick="javascript:this.src='/CheckCode?'+Math.random()"/>
                </div>
              </div>
              <div style="margin-left: 20%" class="check1">
                <input type="radio" name="user" value="user"  >用户
                <input type="radio" name="user" value="admin" >管理员
              </div>
              <div style="padding-left:50px;margin-top:20px;"><input type="submit" value="登 录" style="width:150px;" class="button_blue"/></div>
            </form>
          </div>

        </div>

      </div>
      <!--登录end-->
    </div>

    <!--注册-->
    <div class="qlogin" id="qlogin" style="display: none; ">

      <div class="web_login">
        <form id="regUser" accept-charset="utf-8"  action="UserServlet?m=sign" method="post">
        <input type="hidden" name="to" value="reg"/>
        <input type="hidden" name="did" value="0"/>
        <ul class="reg_form" id="reg-ul">
          <div id="userCue" class="cue">快速注册请注意格式</div>
          <li>

            <label for="user"  class="input-tips2">用户名：</label>
            <div class="inputOuter2">
              <input type="text" id="user" name="uname" maxlength="16" class="inputstyle2"/>
            </div>

          </li>
          <li>

            <label  class="input-tips2">电话号码：</label>
            <div class="inputOuter2">
              <input type="text" id="phone" name="phone" maxlength="16" class="inputstyle2"/>
            </div>

          </li>

          <li>
            <label for="passwd" class="input-tips2">密码：</label>
            <div class="inputOuter2">
              <input type="password" id="passwd"  name="password2" maxlength="16" class="inputstyle2"/>
            </div>

          </li>
          <li>
            <label for="passwd2" class="input-tips2">确认密码：</label>
            <div class="inputOuter2">
              <input type="password" id="passwd2"  maxlength="16" class="inputstyle2" name="password3" />
            </div>

          </li>

          <li>
            <div class="inputArea">
              <input type="button" id="reg"  style="margin-top:10px;margin-left:85px;" class="button_blue" value="同意协议并注册"/> <a href="#" class="zcxy" target="_blank">注册协议</a>
            </div>

          </li><div class="cl"></div>
        </ul>
        </form>


      </div>


    </div>
    <!--注册end-->
  </div>
  </body>
</html>
